*{font-family:'Poppins';}
body, button, input, select, textarea {
  font-family: "Poppins","Nunito","SimHei",Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif;
}

.navbar {
  height: 80px;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url(../images/header_bg.png);
  -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.navbar-shrink {
  /*background-image: url(../images/header_bgtop.png);*/
  background-repeat: repeat-x repeat-y;
  -webkit-box-shadow: 0 0px 2.5rem 2.5rem rgb(0 0 0 / 30%);
    box-shadow: 0 0px 2.5rem 2.5rem rgb(0 0 0 / 30%);
    background-image:none;
    background-color: white;
}
.navbar-shrink #navbar .nav a{color:#414141;}
.logopng1,.navbar-shrink .logo .png{display:none;}
.navbar-shrink .logo .logopng1,.png{display:block;}


ul, ol {
  list-style: none;
}
.navbar-default {
  border-color: #e7e7e7;
}
.logo {
  height: 47px;
  margin-top: 12px;
}
.logo h1 {
  margin-top: 0px;
  font-size: 14px;
}
/*#navbar ul li a:hover,*/
.header ul li a.selected {
  border-bottom: 2px solid #fff;
  color: #fff;
  opacity: 1;
}
#navbar ul li::before {
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .8s;
    -o-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
}
#navbar ul li:hover::before {
  right: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transition: .8s;
  -o-transition: .8s;
  -moz-transition: .8s;
  transition: .8s;
}




#navbar ul li a {
  font-size: 16px;
  color: #fff;
  padding-bottom: 5px;
  opacity: 0.7;
  color: #e2e2e2\9;
}
#navbar ul {
  float: right;
}
#navbar ul li {
    float: left;
    line-height: 147px;
    margin-right: 15px;
    margin-top: 17px;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 960px) {
  #navbar ul li {
  float: left;
  line-height: 147px;
  padding-right: 15px;
  margin-top: 5px;
    border-bottom: 0.8px solid #76addc;
}
.block-heading span{font-size:14px !important;}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  background-color: #000;
  filter: alpha(Opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.8;
  width: 200px;
  float: right;
  text-align: center;
  padding-left: 60px;
  -webkit-overflow-scrolling: touch;  
  border: 0px;
}
.leftclear{clear: both;}

}
.active a {

  color: #fff;
  opacity: 1;
}
/*  banner 开始 */
  
.ibanner_wrap {
  width: 100%;
  height: 730px
}
.ibanner {
  width: 100%;
  height: 730px;
  position: relative;
  overflow: hidden
}
.ibanner .ul {
  list-style: none;
}
.ibanner .DB_bgSet {
  position: relative
}
.ibanner .DB_bgSet li {
  position: absolute;
  width: 100%;
  height: 730px;
  display: none;
  top: 0;
  left: 0
}
.ibanner .DB_imgSet {
  position: absolute;
  left: 50%;
  margin-left: -628px
}
.ibanner .DB_imgSet li {
  display: none;
  top: 0;
  left: 0
}
.ibanner .DB_imgSet .DB_1_1 {
  position: absolute;
  left: -20px;
  top: 175px
}
.ibanner .DB_imgSet .DB_2_1 {
  position: absolute;
  left: -50px;
  top: 150px
}
.ibanner .DB_imgSet .DB_3_1 {
  position: absolute;
  left: -50px;
  top: 117px
}
@media only screen and (max-device-width:900px ) {
.ibanner .ib_text {
  display: none;
}
}
.ibanner .ib_text {
  position: absolute;
  width: 510px;
  height: auto;
  left: 700px;
  top: 180px
}
.ibanner .ib_text h2 {
  font-size: 65px;
  color: #fff;
  font-weight: bold
}
.ibanner .ib_text h2 a,.ibanner .ib_text h2 a:hover{color: #fff;text-decoration: none;
}
.ibanner .ib_text .s {
  font-size: 30px;
  color: #fff;
  line-height: 40px;
    color: transparent;
    font-weight: 600;
    background-image: linear-gradient(to right, rgb(186, 153, 255), rgb(183, 163, 254), rgb(176, 186, 253), rgb(255 255 255), rgb(163 248 236), rgb(151 255 229), rgb(131 255 88), rgb(1 255 220));

    background-clip: text;
    -webkit-background-clip:text;
  margin: 20px 0 20px;
  height: 75px;
}
.ibanner .ib_text p {
  font-size: 14px;
  color: #acd5ff;
  line-height: 30px
}
.ibanner .ib_text p.p1 {
  color: #c7eee9
}
.ibanner .ib_text p a {
  color: #acd5ff;
  padding-left: 20px
}
.ibanner .ib_text p a:hover {
  color: #fff
}
.ibanner .ib_text a.download {
  display: block;
  width: 198px;
  height: 59px;
  text-align: center;
  line-height: 59px;
  margin: 30px 20px 30px;
0;
  color: #fff;
  font-size: 24px;
  float: left
}
.ibanner .ib_text a.button1 {
  background-color: #0fce5b
}
.ibanner .ib_text a.button1:hover {
  background-color: #00b94a
}
.ibanner .ib_text a.button2 {
  background-color: #00bbce
}
.ibanner .ib_text a.button2:hover {
  background-color: #00adbe
}
.ibanner .ib_text a.button3 {
  background-image: url(../images/ibanner_btn.png);
  background-position: 0 0
}
.ibanner .ib_text a.button3:hover {
  background-position: -244px 0
}
.ibanner .ib_text a.button4 {
  background-image: url(../images/ibanner_btn_right.png);
  background-position: 0 0
}
.ibanner .ib_text a.button4:hover {
  background-position: -244px 0
}
.ibanner .DB_menuWrap {
  position: absolute;
  width: 100%
}
.ibanner .DB_menuWrap .DB_menuSet {
  position: absolute;
  width: 100%;
  top: 700px;
  text-align: center;
  font-size: 0
}
.ibanner .DB_menuWrap .DB_menuSet li {
  cursor: pointer;
  margin: 0 7px;
  display: inline
}
.ibanner .DB_prev, .ibanner .DB_next {
  position: absolute;
  top: 331px;
  cursor: pointer;
  display: none
}
.ibanner .DB_prev a, .ibanner .DB_next a {
  display: block;
  width: 38px;
  height: 67px;
  background-image: url(../images/ibanner_arrow.png);
  background-repeat: no-repeat
}
.ibanner .DB_prev {
  left: 3%
}
.ibanner .DB_prev a {
  background-position: 0 -69px
}
.ibanner .DB_prev a:hover {
  background-position: -40px -69px
}
.ibanner .DB_next {
  right: 3%
}
.ibanner .DB_next a {
  background-position: 0 0
}
.ibanner .DB_next a:hover {
  background-position: -40px 0
}
.DB_bgSet img {
  border: 0
}
.banner_3 {
  background-image: url(../img/banner-phone.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 750px;
  height: 650px;
  margin-top: 60px;
}
.ring1 {
  background: url(../img/banner-ring1-bg.png) center no-repeat;
  width: 303px;
  height: 300px;
  top: 220px;
  left: 190px;
  position: absolute;
  ;
  -webkit-animation: run1 8s linear 0s infinite normal;
}
.ring2 {
  background: url(../img/banner-ring1.png) center no-repeat;
  top: 220px;
  left: 190px;
  position: absolute;
  width: 303px;
  height: 300px;
  -webkit-animation: run 2s linear 0s infinite;
}
.ring3 {
  background: url(../img/banner-ring2.png) center no-repeat;
  top: 220px;
  left: 190px;
  position: absolute;
  width: 303px;
  height: 300px;
  -webkit-animation: run 6s linear 0s infinite;
}
/*  .ring1:hover, .ring2:hover, .ring3:hover{     
            -webkit-animation-play-state:paused;     
        }  */
  @-webkit-keyframes run {
 from {
 -webkit-transform:rotate(0deg);
}
to {
  -webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes run1 {
 from {
 -webkit-transform:rotate(0deg);
}
to {
  -webkit-transform: rotate(-360deg);
}
}
.page-1 {
  background-color: #eee;
  height: 760px;
 /*margin-bottom: 50px;*/
}
.page {
  position: relative;
  line-height: 1;
  text-align: center;
}
.page-2 {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 80px;
  background-color: #f5f5f5;
}
.page h2 {
  font-size: 36px;
  font-weight: 400;
  color: #263240;
  padding-top: 90px;
}
.page h2~p {
  font-size: 14px;
  color: #778a9b;
  margin-top: 30px;
  line-height: 24px;
}
.animate.page.page-1 .phone .anr {
  -webkit-animation: issue-anr 1s linear forwards;
  -moz-animation: issue-anr 1s linear forwards;
  -o-animation: issue-anr 1s linear forwards;
  animation: issue-anr 1s linear forwards;
}
.page-1 .phone .anr {
  width: 348px;
  height: 145px;
  background: url(../images/app-issue-left-top.png) right bottom no-repeat;
  right: 665px;
  bottom: 169px;
}
.page-1 .phone>div * {
  position: absolute;
  font-size: 18px;
  color: #1f3a62;
}
.animate.page.page-1 .phone .endless-load {
  -webkit-animation: issue-endless-load 2s linear forwards;
  -moz-animation: issue-endless-load 2s linear forwards;
  -o-animation: issue-endless-load 2s linear forwards;
  animation: issue-endless-load 2s linear forwards;
}
.page-1 .phone .endless-load {
  width: 337px;
  height: 77px;
  background: url(../images/app-issue-right-top.png) left bottom no-repeat;
  left: 676px;
  bottom: 237px;
}
.animate.page.page-1 .phone .crash {
  -webkit-animation: issue-crash 1.5s linear forwards;
  -moz-animation: issue-crash 1.5s linear forwards;
  -o-animation: issue-crash 1.5s linear forwards;
  animation: issue-crash 1.5s linear forwards;
}
.page-1 .phone .crash {
  width: 328px;
  height: 82px;
  background: url(../images/app-issue-left-bottom.png) right top no-repeat;
  right: 685px;
  top: 232px;
}
.animate.page.page-1 .phone .img-fail {
  -webkit-animation: issue-image-fail 2.5s linear forwards;
  -moz-animation: issue-image-fail 2.5s linear forwards;
  -o-animation: issue-image-fail 2.5s linear forwards;
  animation: issue-image-fail 2.5s linear forwards;
}
.page-1 .phone .img-fail {
  width: 387px;
  height: 176px;
  background: url(../images/app-issue-right-bottom.png) left top no-repeat;
  left: 626px;
  top: 138px;
}
.page-1 h2 {
  margin-top: 0px;
}
.animate.page.page-1 .phone .img-fail {
  -webkit-animation: issue-image-fail 2.5s linear forwards;
  -moz-animation: issue-image-fail 2.5s linear forwards;
  -o-animation: issue-image-fail 2.5s linear forwards;
  animation: issue-image-fail 2.5s linear forwards;
}
.page-1 .phone .img-fail {
  width: 387px;
  height: 176px;
  background: url(../images/app-issue-right-bottom.png) left top no-repeat;
  left: 626px;
  top: 138px;
}
.page-1 .phone {
  position: relative;
  margin: 60px auto 0;
  height: 400px;
  background: url(../img/page1_bk.png) center no-repeat;
  -webkit-perspective: 3000px;
  perspective: 3000px;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}
.page1img {
  text-align: center; 
  max-width: 1090px;
  
}

.page1img img, .page-2 img {
  cursor: pointer;
  transition: all 0.6s;
}
.page1img img:hover, .page-2 img:hover {
  transform: scale(1.2);
}
.page-1 .phone .endless-load .app-issue-endless-load {
  opacity: 0;
  right: 80px;
  top: 2px;
}
.page-1 .phone .img-fail .app-issue-img-fail {
  opacity: 0;
  right: 80px;
  bottom: 46px;
}
.page-1 .phone .crash .app-issue-crash {
  opacity: 0;
  left: 80px;
  top: 20px;
}
.page-1 .phone .anr .app-issue-anr {
  opacity: 0;
  left: 80px;
  top: 3px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.pt90 {
  padding-top: 0px;
}
.fs14 {
  font-size: 14px;
  color: #778a9b;
}
.fs18 {
  font-size: 18px;
  color: #263240;
}
.fs16 {
  font-size: 16px;
  line-height: 24px;
  color: #778a9b;
}
.fcwhite {
  color: #FFF;
}
.page-3 {
  background-color: #fafbfd;
  padding-bottom: 34px;
}
.pageheader {
  text-align: center;
  padding-top: 60px;
  margin-bottom: 50px;
}

.webtop .type-cate {
   margin-top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.webtop .type-cate li a{text-decoration:none}
.webtop .type-cate li {
    font-size: 16px;
    font-weight: 100;
    padding: 10px 20px;
    background: #ffffff;
    text-decoration: none; 
}
.webtop .type-cate li:hover{background: #318CF5;color: #ffffff;}
.webtop .type-cate li:hover a{color:#ffffff;}
.webtop .type-cate li.show-item{
    border-bottom: 0;
    border-left: 0;
    background: #318CF5;
    color: #ffffff;
    text-decoration: none;
}
.webtop .type-cate li.show-item a{color:#ffffff;text-decoration:none}



.page-3 .advantage.advantage-solution {
  height: 235px;
  margin-top: 68px;
  background: url(../images/advantage-solution.png) left 30px no-repeat;
}
.page-3 .advantage h3 {
  font-size: 24px;
  font-weight: 400;
  color: #26323e;
  padding-top: 95px;
}
.page-3 .advantage.advantage-solution p {

}
.page-3 .advantage p {
  font-size: 14px;
  color: #7b8898;
  padding-top: 30px;
  line-height: 24px;
}
.page-3 .advantage {
  margin: 0 auto;
  text-align: left;
  padding-left: 180px;
}
.page-3 .advantage.advantage-alert {
  background: url(../images/advantage-alert.png)  left 30px no-repeat;
  height: 235px;
  margin-top: 68px;
}
.page-3 .advantage.advantage-alert h3 {
  font-size: 24px;
  font-weight: 400;
  color: #26323e;
  padding-top: 95px;
}
.page-3 .advantage.advantage-alert p {
  
}
.page-3 .advantage.advantage-performance {
  height: 235px;
  background: url(../images/advantage-performance.png) center left no-repeat;
  margin-bottom: 68px;
}
.page-4 {
  background-color: #318cf5;
  padding-bottom: 80px;
}
.page-4 .step1 {
  background: url(../images/step1.png) left top no-repeat;
  padding-left: 120px;
  text-align: left;
}
.page-4 .step2 {
  background: url(../images/step2.png) left top no-repeat;
  padding-left: 120px;
  text-align: left;
}
.page-4 .step3 {
  background: url(../images/step3.png) left top no-repeat;
  padding-left: 120px;
  text-align: left;
}
.page-4 h3 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 23px;
}
.page-5 {
  padding-bottom: 80px;
}
.page-5 img {
  border: 1px solid #c9cacc;
  margin-top: 10px;
  
}
.page-5 img {
  cursor: pointer;
  transition: all 0.6s;
  
}
.page-5 img:hover, .page-5 img:hover {
  transform: scale(1.2);
  z-index:1;
}
.page-news {
  padding-bottom: 80px;
  background-color: #e7e7e7;
}
.page-news2 {

  background-color:#23374e29;
}
.page-news img {
}
 
.row {
  margin-left: -15px;
 *zoom: 1;
}
.row:before,  .row:after {
  display: table;
  line-height: 0;
  content: "";
}
.row:after {
  clear: both;
}
 [class*="span"] {
 float: left;
 min-height: 1px;
 margin-left: 29px;
}

.span3 {
  width: 260px;
  padding: 10px 0px;
}
.ml5{margin-left: 5px;}
.ml15{margin-left: 15px;}
.ml30{margin-left: 30px;}
.w280{width: 277px;}
.max-img {
  width: 100%;
}
.max-img {
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.home-post {
  background: #fff;
  height: 400px;
  overflow: hidden;
}
.home-post:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.home-post .entry-content {
  padding: 10px 15px;

}
.home-post .entry-content h5 a {
  font-size: 16px;
}
.home-post .entry-content h5 a:hover {
  color: #312f2b;
  text-decoration: none;
}
.home-post .entry-content a.more {
  font-size: 13px;
}

.home-post .post-meta {
  padding: 10px;
  overflow: hidden;
  color: #fcfcfc;
  background: #337AB7;
}
.home-post p{
   max-height: 75px;
    overflow: hidden;}

.bk1{background-color: #2DA8E7!important;}
.bk2{background-color: #35CFB0!important;}
.bk3{background-color: #735BEB!important;}
.bk4{background-color: #337AB7!important;}
.home-post .post-meta i {
  float: left;
  margin-right: 20px;
}
.home-post .post-meta span {
}
.home-post .post-meta span.date {
  font-weight: 700;
  font-size: 13px;
  float: left;
}
 .home-post .post-meta span.date a{
  color: white;}
.home-post .post-meta span.tags {
  font-weight: 700;
  font-size: 13px;
  float: right;
  color: #ddd;
}
.home-post .post-meta span.tags a {
  color: #fcfcfc;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  font-size: 20px;
  /* color: #fff; */
  text-align: center;
}

.page-news .active a {
  border-bottom: 0px solid #fff;
  color: #337AB7;
  opacity: 1;
}
.pages .active a {
  border-bottom: 0px solid #fff;
  color: #fff;
  opacity: 1;
}
.page-6 {
  background: url(../images/footer-banner-bg.jpg) right bottom no-repeat;
  background-size: cover;
  height: 388px;
  padding-bottom: 80px;
}
.actions a.btn-add {
margin-right: 0px;

    margin-bottom: 10px;
}
.actions a:hover {
  color: #fff;
  background-color: #318cf5;
  text-decoration: none;
}
.actions a {
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #318cf5;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 165px;
  background-color: transparent;
  color: #318cf5;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.footer {
  background: #2b2f33;
  position: relative;
  width: 100%;
  bottom: 0;
}
.links dt {
  font-size: 18px;
  margin-bottom: 40px;
  color: #c2c7cc;
}
.links dd a, .links dd {
  font-size: 14px;
  line-height: 30px;
  color: #81878c;
    margin-right: 15px;
    width: 100px;
    float: left;
    overflow: hidden;
    height: 28px;
}
.links dd a:hover {
  color: #aab3bb;
}
.contact {
  border-left: 1px solid #363a3d;
  border-right: 1px solid #363a3d;
  /*    width: 299px;
*/    height: 295px;
}
.footer>div dt {
  font-size: 18px;
  margin-bottom: 40px;
  color: #c2c7cc;
}
.footer>div dd {
  font-size: 14px;
  line-height: 30px;
  color: #81878c;
}
.footer>div dl {
  padding-left: 20px;
}
.contact dd span.qq {
  background: url(../images/icon-qq.png) left center no-repeat;
}
.contact dd span {
  display: inline-block;
  padding-left: 37px;
  line-height: 30px;
  margin-bottom: 8px;
}
.contact dd span.email {
  background: url(../images/icon-email.png) left center no-repeat;
}
.contact dd span.address {
  background: url(../images/icon-address.png) left 2px no-repeat;
  width: 220px;
}
.contact dd span.phone {
  background: url(../images/phone.png) left 2px no-repeat;
  background-size: 24px 24px;
  width: 175px;
}
.certification {
  border-right: 1px solid #363a3d;
  /*    width: 294px;
*/    height: 295px;
}
.g-ft .footer>div>div {
  display: inline-block;
  vertical-align: top;
}
.certification dd span.csa {
  background: url(../images/icon-csa-certification.png) left center no-repeat;
  padding-left: 62px;
  display: inline-block;
  margin-bottom: 11px;
}
.certification {
  height: 295px;
}
.certification dd span.iso {
  background: url(../images/icon-iso-certification.png) left center no-repeat;
  padding-left: 62px;
  display: inline-block;
}
.follow dd span.qrcode {
  background: url(../images/icon-wechat-scan.png) left -3px no-repeat;
}
.follow dd span {
  display: inline-block;
  padding-left: 35px;
  line-height: 30px;
}
div dd {
  font-size: 14px;
  line-height: 30px;
  color: #81878c;
}
.follow dd span.qrcode img {
  border: 1px solid #ededed;
  width: 128px;
  vertical-align: top;
  margin-bottom: 10px;
}
.follow dd span.weibo {
  background: url(../images/icon-weibo.png) left center no-repeat;
}
.footer dd a:visited, .footer dd a {
  color: #81878c;
}
.copyright {
  bottom: 0;
  display: block;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 92px;
  color: #81878c;
  border-top: 1px solid #363a3d;
}
.copyright a{
  color: #81878c;
}
.copyrighthot{
  width:1200px;
  margin:0 auto;
  padding-left: 30px;
}
.copyrighthot .hotul{
  margin:0px;
  padding:0px;

}
.copyrighthot .hotul li{
  width: 110px;
  padding-right: 10px;
  height: 20px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sq {
  background: #f5f5f5;
  padding-bottom: 60px;
}
.sq .content {
  width: 600px;
  padding-top: 5px;
  margin: 0 auto 30px;
}
.sq ul {
  font-size: 16px;
  color: #222222;
}
.sq li {
  margin: 15px 0;
  height: 45px;
  position: relative;
}
span.must {
  background: url(../images/red.png) no-repeat right center;
}
.sq ul span {
  float: left;
  display: block;
  width: 100px;
  margin-right: 10px;
  line-height: 30px;
}
.sq input {
  width: 330px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  padding: 10px;
  line-height: 23px;
  font-size: 16px;
  color: #222222;
}
.sq textarea {
  width: 330px;
  height:80px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  padding: 10px;
  line-height: 23px;
  font-size: 16px;
  color: #222222;
}
select:not(:-internal-list-box) {
  overflow: visible !important;
}
user agent stylesheet select {
  -webkit-appearance: menulist;
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: black;
  background-color: white;
  cursor: default;
  border: 1px solid;
}
.sq .apply-form .a-blue {
  display: inline-block;
  width: 462px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  background: #1977df;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  border: none;
  margin-top: 30px;
  margin-left: 20px;
}
.modal-header h4 {
font-size:24px;
}
@media (max-width: 768px) {
    .fotbody{display:none;}
    .page-home .block-heading {margin-top: 17% !important;}
.chanpin .bztop li:lastchild{display:block;}
.programme .programme_tit{display:none !important;}   

.bzzx>.row>div{overflow:hidden;} 
.bzzx .bzleft{width:100%;float:left;margin-bottom:10px;}
.heigao{height:30px !important;}
.bzleft .liex {overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.bzleft .liex .nl-list-s{display: inline-block;margin: 0;padding: 0;transition: transform 0.3s ease;}
.bzleft .liex .nl-list-s li{display: inline-block;margin: 10px 10px;vertical-align: middle;}
.bzleft .liex .nl-list-s li a{padding-left: 0 !important;height: 24px !important;line-height: 24px !important;border-bottom: 0 !important;background: none !important;}
.bzleft .liex .nl-list{display: inline-block;margin: 0;padding: 0;transition: transform 0.3s ease;}
.bzleft .liex .nl-list li{display: inline-block;margin: 10px 10px;vertical-align: middle;}
.bzleft .liex .nl-list li a{padding-left: 0 !important;height: 24px !important;line-height: 24px !important;border-bottom: 0 !important;background: none !important;}
.bzleft .liex .nl-list li a.active{border:0 !important;color:#006dca !important;}
.nl-list-s li:hover i{background:none !important;}
.nl-list-s li:hover a{border:0 !important;}
.bzleft .liex .nl-list-s li a.show-item{border:0 !important;color:#006dca !important;}
.bzleft .top1{padding-left:30px !important;height: 30px !important;line-height: 30px !important;font-size: 18px !important;}
.nl-list .active i, .nl-list li:hover i{background:none !important;height:auto !important;}
.nl-list .active a{border:0 !important;height:auto !important;}

.webtop{overflow-x: scroll;white-space: nowrap;}
.webtop .type-cate{justify-content:normal !important;transition: transform 0.3s ease;}
.webtop .type-cate li{display: inline-block !important;}

.programme .programme_table{margin-left:0 !important;}
.programme .table_list .oneLine{padding: 5px !important;height: 210px !important;}

.zhuanti .row1 h3 img{width:100%;}    
.zhuanti .mainleft .topic-detail-item{overflow:hidden;}


.modal-dialog {
  width: 600px;
  margin: 100px auto;
}
.content-right{padding:10px;}
ul.likeart{margin:0;}
.likeart li{padding:20px 0 !important;}
.navbar-shrink #navbar .nav a{color:#ffffff;}
}
.modal-dialog {
  margin: 120px auto;
}
.ibanner_service {
  width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    background: url(../img/ibanner_02.png) 100% 100% repeat;
}
#randomContainer{text-align:center;}
#randomImage{
    margin:0 auto;
    height: 600px;
    padding-top: 80px;
}
#randomContainer a{cursor:pointer;}
.ibanner_service_1 {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  background: url(../img/ibanner_01.png) 100% 100% repeat;
}
.ibanner_service_3 {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  background: url(../img/ibanner_03.png) 100% 100% repeat;
}
.banner_t h1, .banner_t h3 {
  color: #FFF;
  text-align: center;
}
.banner_t h1 {
  padding-top: 100px;
}
.banner_t p{
  color:#FFF;
  font-size: 20px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding: 0 10%;

}
.magazine-left{}
.magazine-left .magazine-left-content ul {
  background: #fff;
  padding:0px;
}
.magazine-left ul li {
  width:100%;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  padding-left: 10px;

}
.show-item{
  color: #318CF5;
    border-left: 5px solid #318CF5;
    text-decoration: none;
    padding-left: 10px;
    border-bottom: 1px solid #e7e7e7;}
.magazine-left ul{margin:0; float:left;
width:100%}
.magazine-left .magazine-left-content ul li .show-item{
  color: #318CF5;
    border-left: 5px solid #318CF5;
}
.magazine-left .magazine-left-content ul li a {
  color: #565656;
  display: block;
  border-left: 3px solid #fafafa
}
.magazine-left .magazine-left-content ul li a:hover {
  color: #318CF5;
  border-left: 5px solid #318CF5;
text-decoration: none;
    padding-left: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.magazine-left .magazine-left-content ul li.show-item a {
  color: #318CF5;
  border-left: 3px solid #318CF5;
  text-decoration: none;
}
.magazine-left .magazine-left-btn {
  width: 100%;
  height: 40px;
  display: block;
  margin: 10px 0;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #EF8D2C;
  border-radius: 5px
}
.magazine-left .magazine-left-btn:hover {
  background: #318CF5
}
.magazine-left .magazine-left-detail {
  border: 1px solid #318CF5
}
.magazine-left .magazine-left-detail .magazine-left-detail-tit {
  height: 40px;
  line-height: 40px;
  background: #318CF5;
  color: #fff;
  padding: 0 13px
}
.fl{float:left;}
.magazine-content{background-color:#fff;   padding: 5px 40px 40px 40px;
    margin-bottom: 10px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 1px #e7e7e7;
    -moz-box-shadow: 1px 1px 1px #e7e7e7;
    -ms-box-shadow: 1px 1px 1px #e7e7e7;
    -o-box-shadow: 1px 1px 1px #e7e7e7;
    box-shadow: 1px 1px 1px #e7e7e7;}
@media only screen and (min-width: 100px) and (max-width: 960px) {
  .magazine-content{padding: 15px; padding-bottom: 150px;}
  .navbar{height: 60px;}
    .logo{margin-top: 5px;margin-left: 10px;}
}

@media only screen and (min-width: 761px) and (max-width: 1000px) {
  .navbar-collapse{width:auto;}
  .nav > li > a{padding:10px 5px;}
  #navbar{height:60px;background:none;}
  #navbar ul li{border:0 !important;margin-top:10px !important;}
}

  .magazine-left-content {
    -webkit-box-shadow: 3px 3px 3px #e7e7e7;
    -moz-box-shadow: 1px 1px 1px #e7e7e7;
    -ms-box-shadow: 1px 1px 1px #e7e7e7;
    -o-box-shadow: 1px 1px 1px #e7e7e7;
    box-shadow: 3px 3px 3px #e7e7e7;
}

.magazine-content h3{color:#318CF5;}
.magazine-content h1{    font-size: 30px;
    margin-bottom: 22px;
    line-height: 1.5;}
.article-hd .author-time {
    color: #999;
    line-height: 26px;
    vertical-align: middle;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.author-time .date-time {
    float: left;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.author-time.pull-left
.author-time {
    color: #999;
    line-height: 26px;
    vertical-align: middle;
}
.author-time .name {
    float: left;
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    margin-right: 10px;
}
.article-tags span, .article-tags a {
    color: #999;
    line-height: 26px;
    vertical-align: middle;
    margin-left: 8px;
}
.content_news{
      margin-top: 25px;
    padding-top: 25px;
  font-size: 14px;
  letter-spacing:2px;
  line-height:26px;
    border-top: 1px solid #d2d2d2;
}
.askbankuai{
  margin-bottom: 25px;
}
.askbankuai .askh3{
  margin: 0px;
  width: 810px;
  height: 40px;
  line-height: 40px;
  font-size: 2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4d61c5;
  margin-bottom: 10px;
}
.content_news .askbankuai h3{
  margin: 0px;
  width: 810px;
  height: 30px;
  line-height: 30px;
  font-size: 1.6em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4d61c5;
  margin-bottom: 10px;
}
.content_news .askbankuai p{
  margin: 0px;
  line-height: 25px;
  font-size: 16px;
  padding: 0px 5px;
  margin-bottom: 15px;
}

.content_news p{text-indent: 2em; margin-top: 14px;    overflow: hidden;}
.content_news h2{color: rgba(65, 65, 65, 0.8);font-weight: 600;font-size: 20px;text-indent: 1.4em;}
.content_news h3{color: #318CF5;font-family: 黑体;text-indent: 1.5em;font-size: 18px;}
.content_news li{text-indent:2em;}
.content_news .notion-text-block,.content_news .notranslate{margin-top:10px !important;}
.container{margin-bottom:50px;}
.pull-left{float: left;}
.pull-right{float: right;}
.mr10{margin-right: 10px;}
.clear{clear: both; }
.indexlist{list-style-type: none;
margin-left: 5px;
padding-left: 0px;
margin-top: 10px;
}
.indexlist li{width: 235px;
height: 18px;
overflow: hidden;}
.indextop1{height: 52px;width: 108px;overflow: hidden; position: absolute;}
.indextime{height: 21px; margin-top: 40px;}
.content_news img,.magazine-content img
{ display: inline-block;
  height: auto;
  width: 100%;


  }
.content_news p img,.magazine-content p img{margin-left: -2em;}
#contactbar {
  display: none;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 60px;
  background: #FFF;
  box-shadow: 4px 0 8px #9e9e9e
}
#contactbar .landlord {
  position: absolute;
  top: 8px;
  left: 10px
}
#contactbar .landlord p{margin-top: 0px;}
#contactbar .llname {
  width: 100%;
  color: #3F4358;
  font-size: 15px;

}

#contactbar .llnumber {
  position: absolute;
  left: 0;
  top: 20px;
  width: 200px;
  font-size: 18px
}
#contactbar .llnumber a{
  position: absolute;
  left: 0;
  top: 20px;
  width: 200px;
  font-size: 18px;
  color:#f25c17;
    padding-top: 0px;
    text-align: left;
    margin-top: -18px;
  border-left: 0px solid #EDEDED;
}

#contactbar .btn_contact {
  background: #FF6C00;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 5px;
  width: 106px
}
#contactbar a {
  background: #FFF;
  border: none;
  border-left: 1px solid #EDEDED;
  color: #777;
  font-size: 10px;
  padding-top: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 8px;
  width: 60px
}
#contactbar #contact_qq {
  background: url(../img/zp_icon.png) no-repeat;
  width: 58px;
  background-position: 17px -180px;
  background-size: 23px auto
}
#contactbar #contact_qq::before {
  background: 0 0
}
#contactbar a.hide {
  display: none
}
#contactbar #contact_phone {
  right: 180px;
  background: url(../img/phone.png) no-repeat 20px 7px;
  background-size: 18px 20px
}
#contactbar #contact_sms {
  right: 120px;
  background: url(../img/sms.png) no-repeat 20px 7px;
  background-size: 20px 18px
}
#contactbar #contact_bb {
  right: 60px;
  background: url(../img/qq.png) no-repeat 20px 6px;
  background-size: 18px 19px
}
#contactbar #contact_baidu {
  right: 240px;
  background: url(../img/qq.png) no-repeat 20px 6px;
  background-size: 18px 19px
}
#contactbar .contact_top {
  right: 0px;
  background: url(../img/top.png) no-repeat 20px 6px;
  background-size: 18px 19px;
}

.yellow {
  color: #f25c17
}
dl, dt, dd, p, div, input, img {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 906px) and (max-width: 1200px) {
  .navbar{height: 80px;}
.logo{margin: 21px 0px 0 0 !important;}
}

@media (min-width: 769px){
    .chanpin .bztop li:lastchild{display:none;}
    .chanpin .bzright{display:block;}
}



@media (max-width: 1200px){
	/* 热点分析开始*/
.eventLine {
    margin: 5px 5px 0!important;
    max-height: 300px;
    overflow-y: auto;
    position: relative;
}
.eventLine a {
    max-width: calc(100% - 40px)!important;
}
.eventLine-cont {
    margin: 0 5% 0 110px!important;
}
.eventLine-title { padding: 9px 5px!important;}
.icon-new {
    padding: 0 2px!important;
    display: initial!important;
	border-radius: 0px!important;
}
.h305,.h270{
	height: 100%!important;
}
.md5 {
    width: 100%!important;
    margin-bottom: 20px!important;
}
.article-list .imgText .img {
    width: 140px!important;
    height: 90px!important;
    border: 1px dashed #999!important;
}
.strip-shape li {
    margin-top: 22px!important;}
.grid-d+.grid-d {

    margin-bottom: 20px!important;}
    /* 热点分析结束*/
.container {
    width: 100%;
}
.indexlist li {
  width: auto;
  list-style-type: circle;
}


.logo img{    height: 40px;
    
    margin-left: 10px;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #F9F9F9;
}
.navbar-default .navbar-toggle {
    border-color: #F9F9F9;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 10px 10px;
    margin-top: 10px;
    
      }
  .span3 {
    width: 92%;
    padding: 10px 0px;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 15px;
}
.page-3 .advantage.advantage-alert h3 {
    padding-top: 10px;
}
.page-3 .advantage h3 { 
padding-top: 10px;

}
.pageheader {
   
    margin-bottom: 10px;
}
.indextop1 {
    height: 52px;
    width: 48%;
    overflow: hidden;
    position: absolute;
}
} 
/*移动端样式结束*/
figure p{text-align: center;}
figure {text-align: center;}



.likeart li{
    padding: 20px;
    font-size: 16px;
    text-indent: 0 !important;
}

.likeart li p{
    margin-top: 12px;font-size: 80%;
    text-indent:0;line-height:1.42857143;
    color:#777;
}
.likeart li:hover{
    box-shadow: 0 0 16px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 16px rgb(0 0 0 / 30%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*.likeart li{*/
/*    display: block;*/
/*    -webkit-margin-before: 1em;*/
/*    -webkit-margin-after: 1em;*/
/*    -webkit-margin-end: 40px;*/
/*    float: none;*/
/*}*/
/*.likeart li{*/
/*    display: block;*/
/*    -webkit-margin-before: 1em;*/
/*    -webkit-margin-after: 1em;*/
/*    -webkit-margin-end: 40px;*/
/*}*/
/*.likeart li small{*/
/*  display: block;*/
/*    font-size: 80%;*/
/*    line-height: 1.42857143;*/
/*    color: #777;}*/
/*    .mianmaoxiao {}*/
/* .mianmaoxiao .lin {*/
/*    border-left: 5px solid #318CF5;*/
/*    padding-left: 10px;*/
/*}*/
.mianmaoxiao a ,.mianmaoxiao a:hover,.mianmaoxiao a:active{color: black; margin-left: 10px; font-size: 14px;}
.tlist{
  width: 100%;
    font-weight: bold;
    border: 1px solid #eee;
    text-align: left;   
    }
    
.tlist .t_p{    background-color: #8fbfe7;
    font-size: 14px;
    line-height:45px;
    
    text-align: center;
    color: white;}
    
    .tlist ul{padding: 0px;   border: 1px solid #eee;}
.tlist ul li{    color: #565656;
    display: block;height: 35px;
    line-height: 35px;
    border-left: 3px solid #fafafa;
    overflow: hidden;
    float: left;
    }
.tlist ul li a,.tlist ul li a:hover{color: #565656;}
.clearfix{clear: both;}

/*手机端样式*/
@media only screen and (max-device-width:900px ) {
  
.page-3 .advantage.advantage-solution {    
    margin-top: 0px;}
.page-3 .advantage h3 {
    padding-top: 10px;
}
.page-3 .advantage p {
       padding-top: 0px;}
       .advantage.advantage-alert h3 {
    padding-top: 0px; 
}
.page-3 .advantage {
    padding-left: 160px;}
    .page-3 .advantage.advantage-alert {
 
    margin-top: 20px;
}
.pageheader {
   
    padding-top:10px;
}
.page h2 {
  
    padding-top: 30px;
}
.page-news2 .pageheader {
   
    padding-top:80px;
}
.mianmaoxiao {margin-top: 30px;
}
.likeartt h4 {
    border-left: 4px solid #1984ff;
    line-height: 15px;
    padding: 15px;
    -webkit-box-shadow: 3px 3px 3px #e7e7e7;
    -moz-box-shadow: 1px 1px 1px #e7e7e7;
    -ms-box-shadow: 1px 1px 1px #e7e7e7;
    -o-box-shadow: 1px 1px 1px #e7e7e7;
    box-shadow: 3px 3px 3px 3px #e7e7e7;
}
.magazine-left{margin-top: 30px;}
.pull-right {
    float: left !important;
}
}


@media (min-width: 900px) {
  #bnnn1{display:block !important;}
  #bnnn2{display:none !important;}
}
@media (max-width: 800px) {
    
    #randomImage{width:100%;height:auto !important;}
    .ibanner_service{height:auto !important;}
  .mt80 .fadeInUpBig{height:330px;overflow:hidden;}
  #visible-lg,.ibanner .ib_text{display: block !important;}
  .ibanner .ib_text {
      position: absolute;
      width: 370px;
      height: auto;
      left: 452px;
      top: 30px;
  }
  .ibanner .DB_menuWrap .DB_menuSet {
      position: absolute;
      width: 100%;
      top: 440px;
      text-align: center;
      font-size: 0;
  }
  .ibanner .DB_bgSet li {
      position: absolute;
      width: 100%;
      height: 480px;
      display: none;
      top: 0;
      left: 0;
  }
  .ibanner .DB_imgSet .DB_1_1,.ibanner .DB_imgSet .DB_2_1{
    width: 200px !important;
    left: 630px !important;
    opacity: 1 !important;
    display: block !important;
    top: 85px !important;
    height: 120px !important;
    position: absolute;
  }
  .banner_3 {
      
       background-image: url(none) !important;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      width: 230px;
      height: 360px;
      margin-top: 60px;
      margin-left: 420px;
  }
  .ring1,.ring2,.ring3{
      background-size: 100% 100%;
      top: 15px !important;
      left: 240px !important;
      width: 150px !important;
      height: 149px !important;
  }
  .ibanner_wrap {
      width: 100%;
      height: 470px !important;
  }
  .ibanner {
      width: 100%;
      height: 470px !important;
      position: relative;
      overflow: hidden;
  }
  .ibanner .DB_prev, .ibanner .DB_next {
    top: 181px !important;
   }
  .ibanner .ib_text a.download{
     width: 148px;
    height: 50px;
    line-height: 50px;
    margin: 25px 15px 30px;
    font-size: 18px;
    font-weight: bold;
   }
  .ibanner .ib_text .s {
    margin: 20px 0 0px;
  }
  .ibanner .ib_text p{line-height:20px;}
  
  
  
  .tableback .table tbody tr td{
    padding: 0 !important;
    font-size: 12px !important;
  }
  .tableback thead tr th {
    color: #fff !important;
    font-weight: normal !important;
    letter-spacing:0 !important;
    border-top: 0 !important;
    border-bottom:0 !important;
    border-left:0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    display:inline-block;
    width:25%;
    overflow:hidden;
    height:40px;
    line-height:40px;
    }
  
  .table > tbody > tr > td{
      width: 25%;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    display:inlin-block;
    overflow:hidden;
  }

  .tableback .table tfoot tr td {
    padding: 10px 8px !important;
    font-size: 14px;
   }
  #jg{padding-left:0;}
  #bnnn1{display:none !important;}
  #bnnn2{display:block !important;}
  .ib_text h2 font{font-size:30px !important;}
  .ib_text .s{font-size:20px !important;}
  
  
}
   
.xin_likeartt .likeart{padding:0; }
.xin_likeartt .likeart .likeartLi{background: #fafbfd;float: left;width: 48%; display: block; margin: 5px 1%;}
.xin_likeartt .likeart .likeartLi h3{font-size: 18px;height: 20px;overflow: hidden;}
.content_news h2.hot_h2{
    box-shadow: 1px 1px 2px #ccc;
    background: #eaeaea;
    color: #318cf5;
    width: 15%;
    padding-left: 10px;
    border-left: 3px solid #318cf5;
    height: 22px;
    line-height: 22px;
      font-family: 仿宋;
    font-size:15px;
    font-weight: 600;
}


   
 @media screen and (min-width: 320px)and (max-width: 768px){
  .xin_likeartt .likeart .likeartLi{ 
      padding-left: 24px;background: #fafbfd;float: none !important;
      width: 86% !important;display: block; margin:0;
   }   
  .banner_t h1 { padding-top: 60px;}
  .banner_t p{
    color:#FFF;
    font-size: 15px;
    line-height: 25px;
    height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 0 5%;
  }   

  .commentPop ,.bodyleft{display: none;}
  .page-3 .mt50{padding: 0;}
  #app .nav1,#app .nav2,#app .nav3,#app .nav4,#app .nav5,#app .nav6,#app .nav8,#app .nav10{width: 100% !important;}
  #app .nav11,#app .nav13,#app .nav14,#app .nav16, #app .nav22,#app .nav32,#app .nav40{width: 100% !important;}
  #app .nav7,#app .nav15,#app .nav12,#app .nav18,#app .nav9,#app .nav23,#app .nav21,#app .nav20,#app .nav19,#app .nav17{width: 80% !important;}

  #app .nav2{padding:20px 20px !important;box-sizing: inherit !important;}
  #app .nav25 img{width: 100% !important;}
  #app .nav30 {font-size: 20px !important;}
  .table{overflow: hidden;}
  .table td{height: auto !important; line-height: initial !important;}
  #app .nav37{overflow: hidden;}
  #refArea_15 {margin-left: 0 !important;width: 100% !important;display: none;}
  #refArea_15 canvas{width: 410px !important;}
  #app .nav3{padding: 40px 0 !important;}
  .aconent{white-space: break-spaces !important;width: 20px;white-space: break-spaces !important;line-height: 40px;height: 40px;}
  #app .nav38{max-width: 78% !important;}
  #app .nav32{height: 144px !important;}
  #app .nav34{max-height: 50px !important;}
  .tdcss a{white-space: break-spaces !important;line-height: 40px;height: 40px;width: 20px !important;}
  .con_con{width:100%;}
}


.con_con{background: #fff; margin-top: 50px;margin-bottom: 0; width: 1200px;padding: 0;}
.con_con .con_row{margin: 0;padding: 20px 20px 0 20px;}
.mala-allscreen .content{margin:0 auto !important;}
.heigao{height:75px;}

.jianshu li{list-style:none;margin-left:15px;}
.jianshu .tag-orange{line-height: revert !important;vertical-align: middle;}
.newsDetail .grid-body .eventLine{max-height:600px !important;}


/*banner */
.page-home{cover:hidden;}
.page-home .idro{position:relative;}
.page-home .common-background .back-image{max-height:1000px;overflow:hidden;}
.page-home .common-background .back-image img{width: 100%;}
.page-home .block-container {display: inline-block;width: 100%;margin: 0 auto;position: absolute;top: 20%;}
.page-home .block-side{position:relative;max-width: 1160px;padding: 0 min(5vw,40px);margin: 0 auto;overflow:hidden;}
.page-home .block-heading {float: left;width: 100%; margin-top: 7%;display:inline-block;}
.page-home .media-item-frame{float: right;width: 50%;}
.page-home .block-container .media-item-frame .media-item{
    border-radius: 18px;
    overflow: hidden;
    border: 12px solid transparent;
    background-color: hsla(0,0%,100%,.05);
    box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.4), 1px 1px 0 0 rgba(0,0,0,.08), 0 9.5px 12px -3px rgba(0,0,0,.084), 0 19.5px 30.5px 0 rgba(0,0,0,.0288), 0 7px 40px 0 rgba(0,0,0,.0216);
    width: 90%;
    text-align: center;
    margin: 0 auto;
}
.page-home .animated-headline__before{font-weight:600; width:100%;color:#ffffff;display:inline-block;font-size:clamp(32px,3.6842105263vw,56px);}
#typed-text{width:100%;font-size:clamp(32px,3.6842105263vw,56px);color: transparent;
            font-weight: 600; background-image: linear-gradient(to right , rgb(186, 153, 255),rgb(183, 163, 254),rgb(176, 186, 253),rgb(170, 201, 251),rgb(163, 215, 248),rgb(155, 228, 244),rgb(147, 239, 240),rgb(139, 250, 235));background-clip: text;-webkit-background-clip:text;}


.copyright2 {
            background-color: lightgray;
            border-radius: 10px;
            color: black;
            padding: 10px;
            font-size: 12px;
        }

        .highlight {
            color: blue;
            font-weight: bold;}
.tableback thead{background-color: #2F75B5;}
  .tableback thead tr td{padding:14px 8px;font-size:14px;}
		.tableback thead tr th{
			color: #fff;font-weight: bold;letter-spacing: 2px;
			border-top:1px solid #2F75B5;
			border-bottom:1px solid #2F75B5;
			border-left:1px solid #2F75B5;
          padding:14px 8px;
          font-size:16px;
		}
  .tableback .table tbody tr td{padding:14px 8px;font-size:14px;}
		.tableback thead tr th.b5{border-right: 1px solid #2F75B5;}
		.tableback .b6{color: #FF0000;}
  .tableback .b88{font-weight:bold;}
  .tableback  .table-bordered{border:0;}
  .tableback .table tfoot tr td {padding:14px 8px;font-size:14px;}
  .tableback .table tfoot tr.btns td a{font-size:14px;}
  .tableback .table tfoot tr.btns:hover{
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.8) 1%,rgba(200,200,200,0.2) 100%);
    box-shadow: inset 0px -1px 0px rgba(215,215,215,0.4);
   }
    .typing-text {
  overflow: hidden; /* 隐藏溢出的文本 */
 /*  border-right: .15em solid #999; /* 添加光标效果 */
 /* white-space: nowrap; /* 防止文字换行 */
  margin: 0 auto; /* 居中显示 */
  letter-spacing: .1em; /* 文字间距 */
  min-height: 40px;
  margin-top: 40px;
 /* animation: typing 3s steps(40, end), blink-caret .75s step-end infinite; /* 添加打字动画和光标闪烁动画 */
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes blink-caret {
  from, to { border-color: transparent }
 /* 50% { border-color: #999 }
}